@extends('admin.layouts.layout')
@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="ibox-title">
			<a href="{{route('financial.index')}}"><button class="btn btn-primary btn-sm" type="button"> 返回财务公司</button></a>
        </div>      
        <div class="ibox-content" style="display: block;">
              <form role="form" class="form-inline">
                    <div class="form-group" id="layer_date">
                        <label for="start_date" class="control-label">起始时间</label>
						<input id="start" name="start" class="laydate-icon form-control layer-date" >
                        <label for="end_date" class="control-label">截止时间</label>
						<input id="end" name="end" class="laydate-icon form-control layer-date">
                    </div>

                    <div class="input-group">
                        <select class="form-control" name="customerNum">
				          <option value="未支付">未支付</option>
				          <option value="已支付">已支付</option>
                        </select>                                    
                    </div>                    
               </form>
        </div>                  
        <div class="ibox-content">
                <table class="table table-striped table-bordered table-hover m-t-md">
                    <thead>
                    <tr>
                        <th class="text-center" width="100">订单号</th>
                        <th class="text-center" width="150">生成时间</th>
                        <th class="text-center" width="100">金额</th>
                        <th class="text-center" width="100">订单状态</th>
                        <th class="text-center" width="100">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    
                        <tr>
                            <td class="text-center">CZ000001</td>
                            <td class="text-center">2018-03-01 19:22:32</td>
                            <td class="text-center">5000</td>                           
                            <td class="text-center">未支付</td>  
                            <td class="text-center">
 								<div class="btn-group">
                                   @if(1 == 0)
                                       <a href=""><button class="btn btn-info btn-xs" type="button"><i class="fa fa-paste"></i> 查看详情</button></a> 
                                   @else
                                       <a href="{{route('financial.sure')}}"><button class="btn btn-info btn-xs" type="button"><i class="fa fa-warning"></i> 前往支付</button></a> 
                                   @endif                                        
								      <a href=""><button class="btn btn-warning btn-xs" type="button"><i class="fa fa-paste"></i> 添加证明</button></a>  
                                </div>                                                        
                            </td>                   
                        </tr>

                    </tbody>
                </table>
            <div class="pull-right pagination m-t-no">
                <div class="text-center">
                    
                </div>
                <div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<script src="{{loadEdition('/js/plugins/layer/laydate/laydate.js')}}"></script>
<script>
    laydate({elem: "#layer_date", event: "focus"});
    laydate.skin('molv');
    var start = {
        elem: "#start",
        format: "YYYY-MM-DD",
        min: '1900-01-01 00:00:00',//laydate.now(),
        max: "2099-06-16 23:59:59",
        istime: false,
        istoday: false,
        choose: function (datas) {
            end.min = datas;
            end.start = datas
        }
    };
    var end = {
        elem: "#end",
        format: "YYYY-MM-DD",
        min: '1900-01-01 00:00:00',//laydate.now(),
        max: "2099-06-16 23:59:59",
        istime: false,       
        istoday: true,
        range: true,
        choose: function (datas) {
            start.max = datas
        }
    };
    laydate(start);
    laydate(end);
</script>
@endsection